.container
  width: 100%
  text-align: center
.live-container
  background: url(/img/directBroadcastingRoom/anli-bg.jpg) no-repeat center top
  background-size: cover
  padding: 100px 0
  .live-title
    width: 1200px
    margin: 0 auto
    h2
      font-weight: bold
      color: #000
      font-size: 24px
      text-indent: 20px
      text-align: left
      border-left: 4px solid #9cbf1c
      span
        color: #888
        font-weight: normal
        letter-spacing: 0px
        margin-left: 30px
  .list
    padding-top: 50px
    display: flex
    justify-content: space-between
    width: 100%
    .item
      width: 253px
      height: 253px
      position: relative
      .bg
        position: absolute
        top: 0
        left: 0
        right: 0
        bottom: 0
        width: 100%
        height: 100%
        background: rgba(107, 135, 10, .9)
        color: #fff
        opacity: 0
        transition: .5s
        .info
          position: absolute
          top: 50%
          left: 50%
          width: 170px
          height: 80px
          margin: -45px 0 0 -85px
          h2
            font-size: 13px
            font-weight: bold
            border-bottom: 1px solid #fff
            line-height: 38px
          h3
            font-size: 12px
            line-height: 38px
      .bg:hover
        opacity: 1
.payment-container
  background: #f5f5f5
  padding: 100px 0
  .inner
    width: 1200px
    margin: 0 auto
    position: relative
    img
      width: 100%
    .btn
      width: 264px
      height: 44px
      line-height: 44px
      border: 1px solid #FF6F00
      background: rgba(255,110,0,0.1)
      position: absolute
      left: 50%
      top: 62%
      margin-left: -132px
      color: #FF6F00
      font-size: 13px
.headline-container
  padding-top: 100px
  .live-title
    width: 1200px
    margin: 0 auto
    h2
      font-weight: bold
      color: #000
      font-size: 24px
      text-indent: 20px
      text-align: left
      border-left: 4px solid #9cbf1c
      span
        color: #888
        font-weight: normal
        letter-spacing: 0px
        margin-left: 30px
  .content
    display: flex
    margin-top: 50px
    .l
      margin-right: 10px
      width: 41.25%
      .top
        margin-left: 74px
        height: 284px
        position: relative
        background: #f5f5f5
        .text
          position: absolute
          top: 50%
          left: 50%
          width: 280px
          height: 140px
          margin: -70px 0 0 -140px
          p
            font-size: 24px
            line-height: 34px
            font-weight: bold
            color: #888888
          .text-left
            position: absolute
            left: -58px
            top: -10px
            width: 43px
            height: 36px
          .text-right
            position: absolute
            left: 280px
            bottom: -10px
            width: 43px
            height: 36px
      .bottom
        margin-top: 10px
        img
          width: 100%
    .r
      width: 58.75%
      .top
        img
          width: 100%
      .bottom
        margin-top: 10px
        display: flex
        img
          width: 43.4%
          margin-right: 10px






